<template>
  <div class="Recommend">
    <booklist class="bookshow" v-for="(item,index) in Recommend" :key="index" :item="item" />
    <nomore />
  </div>
</template>

<script>
// @ is an alias to /src
// import HelloWorld from '@/components/HelloWorld.vue'
import foot from "@/components/foot.vue";
import Header from "@/components/Header.vue";
import bookshow from "@/components/bookshow.vue";
import nomore from "@/components/nomore.vue";
import booklist from "@/components/booklist.vue";
export default {
  name: "Home",
  components: {
    foot,
    Header,
    bookshow,
    nomore,
    booklist
  },
  data() {
    return {
      Recommend: [
        // {
        //   pic: "bimg/hr5.jpg",
        //   chapter: "各类精品，不容错过，值得收藏！",
        //   title: "各类精品，不容错过，值得收藏！",
        //   category: "共12本",
        // },
        // {
        //   pic: "bimg/hr7.jpg",
        //   chapter: "运动题材，虽然比较小众，但是那是我们逝去的青春！",
        //   title: "运动人生",
        //   category: "共4本",
        // },
        // {
        //   pic: "bimg/hr6.jpg",
        //   chapter: "都是我喜欢的！超好看的！",
        //   title: "姐妹们看过来了！",
        //   category: "共23本",
        // },
        // {
        //   pic: "bimg/hr9.jpg",
        //   chapter: "钱怎么越花，越多，我要花钱，我要败家！",
        //   title: "我对钱没有兴趣",
        //   category: "共5本",
        // },
        // {
        //   pic: "bimg/hr11.jpg",
        //   chapter: "醒掌天下全，醉卧美人兮！",
        //   title: "这都是朕的江山",
        //   category: "共4本",
        // },
        // {
        //   pic: "bimg/hr4.jpg",
        //   chapter: "拿我的方天画戟来，我还能再战！",
        //   title: "不一样的时空，不一样的英雄武烈！",
        //   category: "共5本",
        // },
      ],
    };
  },
  methods: {},
  mounted() {
    this.$axios.get("/api/recommend").then((data) => {
      var image = data.data;
      console.log(image);
      this.Recommend=image
    });
  },
};
</script>

<style  scoped>
</style>